<template>
  <van-sidebar v-model="activeKey">
  <van-sidebar-item title="我的常用" />
  <van-sidebar-item title="最热" />
  <van-sidebar-item title="查询" />
  <van-sidebar-item title="套餐" />
  <van-sidebar-item title="流量" />
  <van-sidebar-item title="号卡" />
  <van-sidebar-item title="宽带家庭" />
  <van-sidebar-item title="手机硬件" />
  <van-sidebar-item title="语音通信" />
  <van-sidebar-item title="漫游出行" />
  <van-sidebar-item title="充值" />
  <van-sidebar-item title="特权" />
  <van-sidebar-item title="生活" />
  <van-sidebar-item title="服务" />
</van-sidebar>
</template>

<script>
export default {
    data() {
        return {
          activeKey: 0,
        };
    },
}
</script>

<style scoped>
.van-sidebar{
    height: 5.5rem;
    position: fixed;
    display: flex;
    flex-direction: column;
    flex: 1;
    overflow: auto;
    margin-top: .6rem;
}
.van-sidebar-item{
    flex-shrink: 0;
}
</style>